<template>
	<view class="content">
		  <!-- navbar部分 -->
			<u-navbar
				@leftClick="backHome"
				:autoBack="false"
				:bgColor="'rgba(15, 23, 79,1)'"
				:leftIconColor="'rgba(255,255,255,1)'"
				leftText="手动巡检"
				style="margin-bottom: 128rpx;"
			>
			</u-navbar>
			<!-- 内容区域 -->
			<view class="Select">
				<!-- 下拉框 -->
					<uni-data-select
						v-model="value"
						:localdata="range"
						:default='0'
						@change="changeRobot"
						class="SelectBox"
					>
					</uni-data-select>
					 <!-- 视频按钮 -->
					<button class="topBtn" @click="spbf">
					 	<uni-icons type="videocam-filled" size="20" color="#fbfbfc"></uni-icons>
						<text>实时视频</text>
					</button>
			</view>
			
			<!-- 展示区 -->
			<view class="showBox">
				<view class="showBox1">
					<text class="showText1">{{djwd}}</text>
					<text class="showText2">电机温度(℃)</text>
				</view>
				<view class="showBox1">
					<text class="showText1">{{djzs}}</text>
					<text class="showText2">速度 r/min</text>
				</view>
				<view class="showBox1">
					<text class="showText1">{{dcdl}}</text>
					<text class="showText2">电池电量</text>
				</view>
				<view class="showBox1">
					<text class="showText1">{{jqrms}}</text>
					<text class="showText2">模式</text>
				</view>
				<view class="showBox1">
					<text class="showText1">{{jqrfx}}</text>
					<text class="showText2">方向</text>
				</view>
				<view class="showBox1">
					<text class="showText1">{{dcdy}}</text>
					<text class="showText2">电池电压</text>
				</view>
			</view>
			
			<!-- plc在线离线区 -->
			<view class="plcLine">
				<view class="plcLine1" v-for="(item,key) in plcList" :key="item.id" v-show="selectedRobotId != undefined">
					<image src="../../../static/images/home/plcg.png" mode="" 
					style="width: 19rpx;height: 29rpx;border: 1px solid rgba(255,255,255,0.21);box-shadow: 0rpx 1rpx 3rpx 0rpx rgba(0,64,138,0.61);">
					</image>
					<text>{{item.plc_name}}</text>
					<image v-show="item.plc_state == 1" src="../../../static/images/home/zx1.png" mode="" style="width: 24rpx;height: 24rpx;"></image>
					<image v-show="item.plc_state == 0" src="../../../static/images/home/lx1.png" mode="" style="width: 24rpx;height: 24rpx;"></image>
				</view>
			</view>
			<!-- 消息弹框 -->
			<view style="height: 80rpx;width: 560rpx;display:flex;justify-content:center;align-items:center;">
				<uni-popup ref="popup" type="message" style="display:flex;justify-content:center;align-items:center;height:90vh;text-align:center;">
					<uni-popup-message type="error" :duration="500" style="width: 360rpx;margin-left: 26%;">{{ messageText }}</uni-popup-message>
				</uni-popup>
			</view>
			<!-- 模式选择区 -->
			<view class="modeBtn">
				
				<view class="modeBtn1" @click="selectedTab = 0">
					<text class="modeBtnText" @click="jqrmssz('1')">手动模式</text>
				</view>
				<view class="modeBtn1" @click="selectedTab = 1">
					<text class="modeBtnText" @click="jqrmssz('0')">自由</text>
				</view>
				<view class="modeBtn1" @click="selectedTab = 2">
					<text class="modeBtnText" @click="jqrmssz('3')">一键返航</text>
				</view>
				<view class="modeBtn2">
					<text class="modeBtnText" @click="zt">暂停</text>
				</view>
			</view>
			
			<!-- 操作区 -->
			<!-- 手动模式 -->
			<view class="Controls" v-if="selectedTab === 0">
				<!-- 标题 -->
				<view class="ControlsText">
					<text>手动模式</text>
				</view>
				<!-- 选择区 -->
				<view class="choice">
					<view class="choice1">
						<view class="choice1-1">
							<input class="choice1Text1" v-model="SDinputValue" type="text" />
							<text class="choice1Text2">m</text>
						</view>
						<view class="choice1-2">
							<uni-data-select
								v-model="value1"
								:localdata="range1"
								@change="SDchange"
								class="sdms-select"
							>
							</uni-data-select>
							<text class="choice1-2Text1">r/min</text>
						</view>
					</view>
					<view class="choice2">
						<button class="choice2Btn" style="margin-bottom: 33rpx;" @click="sdmbwz">目标位置</button>
						<button class="choice2Btn" @click="sdmssdsz">速度设定</button>
					</view>
				</view>
				<!-- 按钮 -->
				<view class="ControlsBtn">
					<button class="ControlsBtn1" @click="sdmsQd">启动</button>
					<button class="ControlsBtn2" @click="sdmsQj">前进</button>
					<button class="ControlsBtn3" @click="sdmsHt">后退</button>
				</view>
			</view>
			
			<!-- 自由模式 -->
			<view class="zyms"  v-if="selectedTab === 1">
				<!-- 标题 -->
				<view class="zymsText">
					<text>自由模式</text>
				</view>
				<!-- 选择区 -->
				<view class="zymsChioce">
					<view class="zymsChioce1">
						<uni-data-select
							v-model="value2"
							:localdata="range2"
							@change="ZYchange"
							class="sdms-select"
						>
						</uni-data-select>
						<text class="zymsChioce1Text1">r/min</text>
					</view>
					<view class="zymsChioceBtn">
						<button class="zymsChioceBtn1" @click="zysdsz">速度设定</button>
					</view>
				
				</view>
				<!-- 按钮 -->
				<view class="zymsBtn">
					<button class="zymsBtn1" @click="zymsQd">启动</button>
					<button class="zymsBtn2" @click="zymsQj">前进</button>
					<button class="zymsBtn3" @click="zymsHt">后退</button>
				</view>
			</view>
			
			<!-- 一键返航 -->
			<view class="yjfh" v-if="selectedTab === 2">
				<!-- 标题 -->
				<view class="yjfhText">
					<text>一键返航</text>
				</view>
				<!-- 选择区 -->
				<view class="yjfhChioce">
					<button class="yjfhChioceBtn" @click="yjfh">一键返航</button>
				</view>
				<!-- 按钮区 -->
				<view class="yjfhBtn">
					<button class="yjfhBtn1" @click="yjfhQd">启动</button>
					<button class="yjfhBtn2" @click="yjfhQj">前进</button>
					<button class="yjfhBtn3" @click="yjfhHt">后退</button>
				</view>
			</view>
	</view>
</template>

<script>
	import {equipmentLion} from '@/api/equipment/equipment.js'
	import {robotData,plcData} from '@/api/Manual/Manual.js'
	import cookie from '../../../cookie.js'
	import {Manmode,Targposition,Speed,Pause,ZySpeed,sdActivate,sdAdvance,sdRecoil,zyActivate,zyAdvance,zyRecoil,yjfhCmd,yjfhActivate,yjfhAdvance,yjfhRecoil} from '@/api/Manual/Manual.js'
	
	export default {
		data() {
			return {
				selectedTab:0, //默认显示手动模式
				token:cookie.get('access_token'),
				secretKey:cookie.get('secretKey'),
				value:cookie.get('robotid'),
				text:cookie.get('robot_name'),
				range:[
					{value:"", text:""}
				],
				//被选中机器人的id
				selectedRobotId:cookie.get('robotid'),
				//被选中的机器人
				ranges:{},
			
				//机器人实时数据
				djwd: '无',//电机温度
				djzs: '无', //电机转速
				dcdl: '无',//电池电量
				dcdy: '无', //电池电压
				jqrfx:'无', //机器人方向
				jqrms:'无', //机器人模式
				//plc实时数据
				plcList:[],
				messageText:'',
				
				//手动模式
				value1:'',
				 range1: [
				 { value: 0, text: "1000" },
				 { value: 1, text: "2000" },
				 { value: 2, text: "3000" },
				 { value: 2, text: "4000" },
				 { value: 2, text: "5000" },
				],
				SDinputValue:'20',
				//被选中的速度设定
				SDspeed:{},
				speedText:'',
				
				//自由模式
				value2:'',
				 range2: [
				 { value: 0, text: "1000" },
				 { value: 1, text: "2000" },
				 { value: 2, text: "3000" },
				 { value: 2, text: "4000" },
				 { value: 2, text: "5000" },
				],
				ZYinputValue:'20',
				//被选中的速度设定
				ZYspeed:{},
				speedTextzy:''
			}
		},
		onLoad() {
			this.robotList() //机器人切换
		},
		mounted() {
			this.robotRealTime() //机器人实时数据
			this.plcRealTime() //plc实时数据
		},
		methods:{
			//获取机器人信息
			robotList(){
				equipmentLion(this.token,this.secretKey).then(Response=>{
					Response.rows.map(item =>{
					  this.range = Response.rows.map(({ id, robot_name }) => ({ value: id, text: robot_name }));
					})
				})
			},
			//机器人选择
			changeRobot(e) {
					//保存选中机器人的id
					this.ranges = this.range.find(item => item.value === e)
					
					cookie.set('robotid',this.ranges.value)
					cookie.set('robot_name',this.ranges.text)
					
					this.selectedRobotId = this.ranges.value
					this.robotRealTime() //机器人实时数据
					this.plcRealTime() //plc实时数据
			},	
			//plc实时数据
			plcRealTime(){
				if(this.selectedRobotId != undefined){
					plcData(this.selectedRobotId,this.secretKey,this.token).then(Response => {
						this.plcList = Response.rows
					})
				}
			},
			//机器人实时数据
			robotRealTime(){
				if(this.selectedRobotId == undefined){
					this.djwd = '无'
					this.djzs = '无'
					this.dcdl = '无'
					this.dcdy = '无'
					this.jqrfx = '无'
					this.jqrms = '无'
				}else{
					robotData(this.selectedRobotId).then(Response => {
						if(typeof Response.data != 'undefined' && Response.data != null){
							this.djwd = Response.data.djwd == null? 0 +'℃' : Response.data.djwd +'℃' //电机温度
							this.djzs = Response.data.djzs == null? "无" : Response.data.djzs  //电机转速
							this.dcdl = Response.data.dcdl == null? 0 + '%' : Response.data.dcdl + '%'  //电池电量
							this.dcdy = Response.data.dcdy == null? 0 + 'v' :Response.data.dcdy + 'v'  //电池电压
							this.jqrfx = Response.data.jqrfx == null?  "无" : Response.data.jqrfx //机器人方向
							this.jqrms = Response.data.jqrms == null?  "无" : Response.data.jqrms //机器人模式
						}else{
							this.djwd = '无'  //电机温度
							this.djzs = '无'  //电机转速
							this.dcdl = '无'  //电池电量
							this.dcdy = '无'  //电池电压
							this.jqrfx = '无' //机器人方向
							this.jqrms = '无' //机器人模式
						}
					})
				}
			},
			//暂停
			zt(){
				Pause(this.selectedRobotId).then(Response=>{
					if (typeof(Response) !== null) {
					    // 将返回的消息保存到 messageText 中
					    this.messageText = Response.msg;
					    // 打开 uni-popup 组件来展示消息
							this.$refs.popup.open();
					}
				})
			},
			//模式选择----手动模式
			jqrmssz(value){
				Manmode(this.selectedRobotId,value).then(Response=>{
					if (typeof(Response) !== null) {
					    // 将返回的消息保存到 messageText 中
					    this.messageText = Response.msg;
					    // 打开 uni-popup 组件来展示消息
							this.$refs.popup.open();
					}
				})
			},
			//手动模式----目标位置
			sdmbwz(){
				//console.log("输入的值是：" + this.SDinputValue);
				Targposition(this.selectedRobotId,this.SDinputValue).then(Response=>{
					if (typeof(Response) !== null) {
					    // 将返回的消息保存到 messageText 中
					    this.messageText = Response.msg;
					    // 打开 uni-popup 组件来展示消息
							this.$refs.popup.open();
					}
				})
			},
			SDchange(e){
				this.SDspeed = this.range1.find(item => item.value === e)
				this.speedText = this.SDspeed.text
				//console.log('e',this.speedText)
			},
			//手动模式----速度设定
			sdmssdsz(){
				Speed(this.selectedRobotId,this.speedText).then(Response=>{
					if (typeof(Response) !== null) {
					    // 将返回的消息保存到 messageText 中
					    this.messageText = Response.msg;
					    // 打开 uni-popup 组件来展示消息
							this.$refs.popup.open();
					}
				})
			},
			//手动模式---启动
			sdmsQd(){
				sdActivate(this.selectedRobotId).then(Response=>{
					if (typeof(Response) !== null) {
					    // 将返回的消息保存到 messageText 中
					    this.messageText = Response.msg;
					    // 打开 uni-popup 组件来展示消息
							this.$refs.popup.open();
					}
				})
			},
			//手动模式---前进
			sdmsQj(){
				sdAdvance(this.selectedRobotId).then(Response=>{
					if (typeof(Response) !== null) {
					    // 将返回的消息保存到 messageText 中
					    this.messageText = Response.msg;
					    // 打开 uni-popup 组件来展示消息
							this.$refs.popup.open();
					}
				})
			},
			//手动模式---后退
			sdmsHt(){
				sdRecoil(this.selectedRobotId).then(Response=>{
					if (typeof(Response) !== null) {
					    // 将返回的消息保存到 messageText 中
					    this.messageText = Response.msg;
					    // 打开 uni-popup 组件来展示消息
							this.$refs.popup.open();
					}
				})
			},
			//自由模式---速度设定
			ZYchange(e){
				this.ZYspeed = this.range1.find(item => item.value === e)
				this.speedTextzy = this.ZYspeed.text
			},
			zysdsz(){
				ZySpeed(this.selectedRobotId,this.speedTextzy).then(Response=>{
					if (typeof(Response) !== null) {
					    // 将返回的消息保存到 messageText 中
					    this.messageText = Response.msg;
					    // 打开 uni-popup 组件来展示消息
							this.$refs.popup.open();
					}
				})
			},
			//自由模式---启动
			zymsQd(){
				zyActivate(this.selectedRobotId).then(Response=>{
					if (typeof(Response) !== null) {
					    // 将返回的消息保存到 messageText 中
					    this.messageText = Response.msg;
					    // 打开 uni-popup 组件来展示消息
							this.$refs.popup.open();
					}
				})
			},
			//自由模式---前进
			zymsQj(){
				zyAdvance(this.selectedRobotId).then(Response=>{
					if (typeof(Response) !== null) {
					    // 将返回的消息保存到 messageText 中
					    this.messageText = Response.msg;
					    // 打开 uni-popup 组件来展示消息
							this.$refs.popup.open();
					}
				})
			},
			//自由模式---后退
			zymsHt(){
				zyRecoil(this.selectedRobotId).then(Response=>{
					if (typeof(Response) !== null) {
					    // 将返回的消息保存到 messageText 中
					    this.messageText = Response.msg;
					    // 打开 uni-popup 组件来展示消息
							this.$refs.popup.open();
					}
				})
			},
			//一键返航
			yjfh(){
				yjfhCmd(this.selectedRobotId).then(Response=>{
					if (typeof(Response) !== null) {
					    // 将返回的消息保存到 messageText 中
					    this.messageText = Response.msg;
					    // 打开 uni-popup 组件来展示消息
							this.$refs.popup.open();
					}
				})
			},
			//一键返航---启动
			yjfhQd(){
				yjfhActivate(this.selectedRobotId).then(Response=>{
					if (typeof(Response) !== null) {
					    // 将返回的消息保存到 messageText 中
					    this.messageText = Response.msg;
					    // 打开 uni-popup 组件来展示消息
							this.$refs.popup.open();
					}
				})
			},
			//一键返航---前进
			yjfhQj(){
				yjfhAdvance(this.selectedRobotId).then(Response=>{
					if (typeof(Response) !== null) {
					    // 将返回的消息保存到 messageText 中
					    this.messageText = Response.msg;
					    // 打开 uni-popup 组件来展示消息
							this.$refs.popup.open();
					}
				})
			},
			//一键返航---后退
			yjfhHt(){
				yjfhRecoil(this.selectedRobotId).then(Response=>{
					if (typeof(Response) !== null) {
					    // 将返回的消息保存到 messageText 中
					    this.messageText = Response.msg;
					    // 打开 uni-popup 组件来展示消息
							this.$refs.popup.open();
					}
				})
			},
			backHome(){
				uni.switchTab({
					url:'/pages/index'
				})
			},
			spbf(){
				uni.switchTab({
					url:'/pages/camera/index'
				})
			},

		}
	}
</script>

<style lang="scss">
*{
		margin: 0;
		padding: 0;
	}
	
	page{
			background-color: #f5f5f5;
	}
		
	.content {
	  display: flex;
	  flex-direction: column;
	  align-items: center;
	  justify-content: center;
		margin-top: 60rpx;
	}
	.Select{
		width: 710rpx;
		height: 65rpx;
		// margin-top: 128rpx;
		z-index: 99;
		display: flex;
		justify-content: center;
		align-items: center;
		// background-color: chartreuse;
	}
	.SelectBox{
		width: 176rpx;
		height: 65rpx;
		background: #FFFFFF;
		box-shadow: 0rpx 5rpx 6rpx 0rpx rgba(22,33,135,0.08);
		border-radius: 10rpx;
		font-size: 24rpx;
		font-family: Source Han Sans CN;
		font-weight: 400;
		color: #999999;
	}
	.SelectBox /deep/ .uni-icons{
		font-size: 0px !important;
	}
	.topBtn{
		width: 180rpx;
		height: 66rpx;
		background: #0F174F;
		border-radius: 10rpx;
		font-size: 20rpx;
		font-family: Source Han Sans CN;
		font-weight: 500;
		color: #FFFFFF;
		margin-left: 24rpx;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.showBox{
		width: 710rpx;
		height: 296rpx;
		background: #FFFFFF;
		box-shadow: 0rpx 5rpx 6rpx 0rpx rgba(22,33,135,0.08);
		border-radius: 10rpx;
		margin-top: 19rpx;
		display: flex;
		justify-content: space-around;
		align-items: center;
		flex-wrap: wrap;
	}
	.showBox1{
		width: 214rpx;
		height: 122rpx;
		background: #F6F6F6;
		border-radius: 10rpx;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.showText1{
		font-size: 39rpx;
		font-family: Source Han Sans CN;
		font-weight: bold;
		color: #0F174F;
	}
	.showText2{
		font-size: 20rpx;
		font-family: Source Han Sans CN;
		font-weight: 400;
		color: #333333;
	}
	
	.plcLine{
		width: 710rpx;
		height: 151rpx;
		background: #FFFFFF;
		box-shadow: 0rpx 5rpx 6rpx 0rpx rgba(22,33,135,0.08);
		border-radius: 10rpx;
		margin-top: 19rpx;
		display: flex;
		justify-content: space-around;
		align-items: center;
		flex-wrap: wrap;
	}
	.plcLine1{
		width: 218rpx;
		height: 58rpx;
		padding: 15rpx;
		background: #F6F7F8;
		border-radius: 8rpx;
		display: flex;
		justify-content: space-around;
		align-items: center;
	}
	
	

	.modeBtn{
		width: 610rpx;
		height: 66rpx;
		// background-color: cadetblue;
		margin-top: 33rpx;
		display: flex;
		justify-content: space-around;
		align-items: center;
		flex-wrap: wrap;
	}
	.modeBtn1{
		width: 133rpx;
		height: 66rpx;
		background: linear-gradient(68deg, #3040F4, #3F79F4);
		box-shadow: 0rpx 2rpx 2rpx 0rpx rgba(0,0,0,0.18);
		border-radius: 6rpx;
	}
	.modeBtn2{
		width: 133rpx;
		height: 66rpx;
		background: linear-gradient(68deg, #BE1919, #DD1D1E);
		box-shadow: 0rpx 2rpx 2rpx 0rpx rgba(0,0,0,0.18);
		border-radius: 6rpx;
	}
	.modeBtnText{
		height: 100%;
		width: 100%;
		font-size: 26rpx;
		font-family: Source Han Sans CN;
		font-weight: 500;
		color: #FFFFFF;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	//手动模式
	.choice{
		width: 100%;
		height: 163rpx;
		margin-top: 39rpx;
		display: flex;
		// background-color: aquamarine;
	}
	.choice1{
		width: 50%;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		// align-items: center;
		// background-color: #3F79F4;
	}
	.choice1-1{
		display: flex;
		margin-bottom: 33rpx;
	}
	
	.choice1Text1{
		display: block;
		width: 226rpx;
		height: 65rpx;
		background: #FFFFFF;
		box-shadow: 0rpx 5rpx 6rpx 0rpx rgba(22,33,135,0.08);
		border-radius: 6rpx;
		font-size: 28rpx;
		font-family: Bahnschrift;
		font-weight: 400;
		color: #C1C1C1;
		display: flex;
		justify-content: center;
		align-items: center;
		box-sizing: border-box;
		padding-left: 20rpx;
	}
	.choice1Text2{
		font-size: 26rpx;
		font-family: Source Han Sans CN;
		font-weight: 400;
		color: #333333;
		margin-left: 17rpx;
	}
	.choice1-2{
		display: flex;
		
	}
	.choice1-2 /deep/ .uni-select{
		border: none;
	}
	.choice1-2 /deep/ .uni-select__input-placeholder{
		font-size: 29rpx;
		font-family: Bahnschrift;
		font-weight: 400;
		color: #C1C1C1;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.choice1-2 /deep/ .uni-select__input-text{
		font-size: 29rpx;
		font-family: Bahnschrift;
		font-weight: 400;
		color: #C1C1C1;
		display: flex;
		// justify-content: center;
		align-items: center;
	}
	.choice1-2Text1{
		font-size: 26rpx;
		font-family: Source Han Sans CN;
		font-weight: 400;
		color: #333333;
		margin-left: 12rpx;
	}
	.sdms-select{
		width: 226rpx;
		height: 65rpx;
		background: #FFFFFF;
		box-shadow: 0rpx 5rpx 6rpx 0rpx rgba(22,33,135,0.08);
		border-radius: 6rpx;
		font-size: 29rpx;
		font-family: Bahnschrift;
		font-weight: 400;
		color: #C1C1C1;
	}
	.sdms-select /deep/ .uni-icons{
		font-size: 0px !important;
	}
	.choice2{
		width: 50%;
		height: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	.choice2Btn{
		width: 226rpx;
		height: 65rpx;
		background: linear-gradient(-90deg, #0F174F, #3C4587);
		box-shadow: 0rpx 3rpx 7rpx 0rpx rgba(22,33,135,0.5);
		border-radius: 6rpx;
		font-size: 26rpx;
		font-family: Source Han Sans CN;
		font-weight: 500;
		color: #FFFFFF;
	}
	//手动模式
	.Controls{
		width: 610rpx;
		height: 343rpx;
		// background-color: coral;
		margin-top: 68rpx;
	}
	.ControlsText{
		font-size: 24rpx;
		font-family: Source Han Sans CN;
		font-weight: bold;
		color: #333333;
	}
	.ControlsBtn{
		width:93%;
		height: 60rpx;
		display: flex;
		justify-content:space-between;
		align-items: center;
		margin-top: 57rpx;
		// background-color: seagreen;
	}
	.ControlsBtn1{
		width: 118rpx;
		height: 60rpx;
		background: linear-gradient(68deg, #3040F4, #3F79F4);
		box-shadow: 0rpx 2rpx 2rpx 0rpx rgba(0,0,0,0.18);
		border-radius: 30rpx;
		font-size: 26rpx;
		font-family: Source Han Sans CN;
		font-weight: 500;
		color: #FFFFFF;
		display: flex;
		justify-content:center;
		align-items: center;
	}
	.ControlsBtn2{
		width: 118rpx;
		height: 60rpx;
		background: linear-gradient(227deg, #0F947C, #10DAB2);
		border-radius: 30rpx;
		font-size: 26rpx;
		font-family: Source Han Sans CN;
		font-weight: 500;
		color: #FFFFFF;
		display: flex;
		justify-content:center;
		align-items: center;
	}
	.ControlsBtn3{
		width: 118rpx;
		height: 60rpx;
		background: linear-gradient(227deg, #C45016, #F58614);
		border-radius: 30rpx;
		font-size: 26rpx;
		font-family: Source Han Sans CN;
		font-weight: 500;
		color: #FFFFFF;
		display: flex;
		justify-content:center;
		align-items: center;
	}
	
	//自由模式
	.zyms{
		width: 610rpx;
		height: 343rpx;
	  // background-color: coral;
		margin-top: 68rpx;
	}
	.zymsText{
		font-size: 24rpx;
		font-family: Source Han Sans CN;
		font-weight: bold;
		color: #333333;
	}
	.zymsChioce{
		width: 100%;
		height: 163rpx;
		margin-top: 39rpx;
		display: flex;
		// background-color: aquamarine;
	}
	.zymsChioce1{
		width: 50%;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		// background-color: #0F947C;
	}
	.zymsChioce1 /deep/ .uni-select{
		border: none;
	}
	.zymsChioce1 /deep/ .uni-select__input-placeholder{
		font-size: 29rpx;
		font-family: Bahnschrift;
		font-weight: 400;
		color: #C1C1C1;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.zymsChioce1 /deep/ .uni-select__input-text{
		font-size: 29rpx;
		font-family: Bahnschrift;
		font-weight: 400;
		color: #C1C1C1;
		display: flex;
		// justify-content: center;
		align-items: center;
	}
	.zymsChioce1Text1{
		font-size: 26rpx;
		font-family: Source Han Sans CN;
		font-weight: 400;
		color: #333333;
		margin-left: 12rpx;
	}
	.zymsChioceBtn{
		width: 50%;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.zymsChioceBtn1{
		width: 226rpx;
		height: 65rpx;
		background: linear-gradient(-90deg, #0F174F, #3C4587);
		box-shadow: 0rpx 3rpx 7rpx 0rpx rgba(22,33,135,0.5);
		border-radius: 6rpx;
		font-size: 26rpx;
		font-family: Source Han Sans CN;
		font-weight: 500;
		color: #FFFFFF;
	}
	.zymsBtn{
		width:93%;
		height: 60rpx;
		display: flex;
		justify-content:space-between;
		align-items: center;
		margin-top: 50rpx;
		// background-color: seagreen;
	}
	.zymsBtn1{
		width: 118rpx;
		height: 60rpx;
		background: linear-gradient(68deg, #3040F4, #3F79F4);
		box-shadow: 0rpx 2rpx 2rpx 0rpx rgba(0,0,0,0.18);
		border-radius: 30rpx;
		font-size: 26rpx;
		font-family: Source Han Sans CN;
		font-weight: 500;
		color: #FFFFFF;
		display: flex;
		justify-content:center;
		align-items: center;
	}
	.zymsBtn2{
		width: 118rpx;
		height: 60rpx;
		background: linear-gradient(227deg, #0F947C, #10DAB2);
		border-radius: 30rpx;
		font-size: 26rpx;
		font-family: Source Han Sans CN;
		font-weight: 500;
		color: #FFFFFF;
		display: flex;
		justify-content:center;
		align-items: center;
	}
	.zymsBtn3{
		width: 118rpx;
		height: 60rpx;
		background: linear-gradient(227deg, #C45016, #F58614);
		border-radius: 30rpx;
		font-size: 26rpx;
		font-family: Source Han Sans CN;
		font-weight: 500;
		color: #FFFFFF;
		display: flex;
		justify-content:center;
		align-items: center;
	}

//一键返航
.yjfh{
	width: 610rpx;
	height: 343rpx;
	// background-color: coral;
	margin-top: 68rpx;
}
.yjfhText{
	font-size: 24rpx;
	font-family: Source Han Sans CN;
	font-weight: bold;
	color: #333333;
}
.yjfhChioce{
	width: 100%;
	height: 163rpx;
	margin-top: 39rpx;
	display: flex;
	justify-content: center;
	align-items: center;
	// background-color: aquamarine;
}
.yjfhChioceBtn{
	width: 226rpx;
	height: 65rpx;
	background: linear-gradient(-90deg, #0F174F, #3C4587);
	box-shadow: 0rpx 3rpx 7rpx 0rpx rgba(22,33,135,0.5);
	border-radius: 6rpx;
	font-size: 26rpx;
	font-family: Source Han Sans CN;
	font-weight: 500;
	color: #FFFFFF;
	display: flex;
	justify-content: center;
	align-items: center;
}
.yjfhBtn{
	width:100%;
	height: 60rpx;
	display: flex;
	justify-content:space-between;
	align-items: center;
	margin-top: 50rpx;
	// background-color: seagreen;
}
.yjfhBtn1{
	width: 118rpx;
	height: 60rpx;
	background: linear-gradient(68deg, #3040F4, #3F79F4);
	box-shadow: 0rpx 2rpx 2rpx 0rpx rgba(0,0,0,0.18);
	border-radius: 30rpx;
	font-size: 26rpx;
	font-family: Source Han Sans CN;
	font-weight: 500;
	color: #FFFFFF;
	display: flex;
	justify-content:center;
	align-items: center;
}
.yjfhBtn2{
	width: 118rpx;
	height: 60rpx;
	background: linear-gradient(227deg, #0F947C, #10DAB2);
	border-radius: 30rpx;
	font-size: 26rpx;
	font-family: Source Han Sans CN;
	font-weight: 500;
	color: #FFFFFF;
	display: flex;
	justify-content:center;
	align-items: center;
}
.yjfhBtn3{
	width: 118rpx;
	height: 60rpx;
	background: linear-gradient(227deg, #C45016, #F58614);
	border-radius: 30rpx;
	font-size: 26rpx;
	font-family: Source Han Sans CN;
	font-weight: 500;
	color: #FFFFFF;
	display: flex;
	justify-content:center;
	align-items: center;
}


</style>
